<template>
  <div id="app">
    <todoheader />
    <todomain />
    <todofooter />
  </div>
</template>
<script>
import todoheader from '@/todo/todoheader.vue'
import todofooter from '@/todo/todofooter.vue'
import todomain from '@/todo/todomain.vue'

export default {
  components:{
    todoheader,
    todofooter,
    todomain
  }
}
</script>

<style lang="scss">
    @import '@/assets/styles/normal.scss';
    #app{
      height: 100%;
      width: 100%;
      @include flexCol;
    }
</style>
